<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link type="text/css" rel="stylesheet" href="Css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="Css/蜜妍网首页css.css" />
    <script type="text/javascript" src="Js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="Js/bootstrap.min.js"></script>
    <script type="text/javascript" src="Js/蜜妍网首页js.js"></script>
</head>
<body>
    <!-- 顶部导航 -->
    <div id="Daohang">
        <ul>
            <li>欢迎来到蜜妍，蜜妍为国内知名跨境电商投资的跨境进口美妆O2O分销平台，所有品牌原厂直采，进口入仓！</li>
            <li>
                <a href="">请登录</a>
                <a href="">注册</a>
            </li>
        </ul>
    </div>

    <!-- 顶部LOGO + 搜索框-->
    <div id="LOGO">
        <div>
            <img src="img/logo.png" alt=""/>
            <img src="img/4geimg.PNG" alt=""/>
            <div class="sousuokuang">
                <img src="img/wenhao.PNG" alt=""/>
                <input type="text"/>
                <div>
                    <span>搜索</span>
                </div>
            </div>
            <ul>
                <li>面膜</li>
                <li>洁面</li>
                <li>彩妆</li>
                <li>洗护</li>
            </ul>
        </div>
    </div>

    <!-- 轮播图 + 五个小导航 -->
    <div id="LunBoImg">
        <!-- 五个小导航 -->
        <div>
            <ul class="fiveID">
                <li>首页</li>
                <li>合作品牌</li>
                <li>平台支撑</li>
                <li>门店加盟</li>
                <li>了解更多</li>
            </ul>
        </div>
        <!-- 轮播图 -->
        <div style="width: 100%;">
            <div class="carousel" data-ride="carousel" style="width: 100%;">
                <!--放置小圆点-->
                <ul class="carousel-indicators" >
                    <li data-target=".carousel" data-slide-to="0" class="active"></li>
                    <li data-target=".carousel" data-slide-to="1"></li>
                </ul>
                <!--图片-->
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="img/56834c46047b6.jpg" style="width: 100% ;height: 420px">
                    </div>
                    <div class="item">
                        <img src="img/57344bcee968c.jpg"  style="width: 100% ;height: 420px">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 透明登录框 + 相对定位广告栏 -->
    <div id="TouMing">
        <!-- 透明登录框 -->
        <div>
            <ul>
                <li>10秒加盟蜜妍美妆分销，1000+商品利润超30%</li>
                <li><input type="text" value=" 输入您的昵称" style="width: 280px; height: 30px; border: none"/></li>
                <li><input type="text" value=" 输入手机号" style="width: 150px; height: 30px; border: none"/><span class="yanzhengma">获取验证码</span></li>
                <li><input type="text" value=" 输入短信验证码" style="width: 280px; height: 30px; border: none"/></li>
                <li><span>免费申请</span></li>
                <li style="color: #FF3674">加盟蜜妍美妆微店不收取任何费用，现在加盟即 <br/>免费送进口化妆品体验装。</li>
                <li class="lastli">
                    <span>零 <br/>门槛</span>
                    <span>免费 <br/>客服</span>
                    <span>免费 <br/>培训</span>
                    <span>免费 <br/>营销计划</span>
                </li>
            </ul>
        </div>
        <!-- 相对定位广告栏 -->
        <div>
            <img src="img/miyan2.PNG" alt="" style="width: 120px;"/>
            <div class="JiaMeng">
                <h3>加盟热线</h3>
                <h5>400-0115-000</h5>
            </div>
            <div>
                <img src="img/二维码.PNG" alt="" style="width: 100px;"/>
            </div>

            <ul>
                <li>扫描添加</li>
                <li>平台客服微信!</li>
            </ul>
        </div>
    </div>

    <!-- 热门品牌 -->
    <div id="HotPP">
        <div>
            <img src="img/earthLOGO.png" alt=""/>
            <h3>热门品牌</h3>
            <span class="smallSanjiao"></span>
            <span>SHOW MORE</span>
        </div>
        <!-- 五个横幅图片 -->
        <div>
            <div>
                <div class="BigHengImg" style="width: 580px;height: 280px;float: right"><img src="img/5684c95f2979f.jpg" alt="" style="float: right;"/></div>
                <ul>
                    <li><img src="img/5684eed955f16.jpg" alt=""/></li>
                    <li>妈妈和宝宝的共同选择</li>
                    <li>代理价：￥<span style="font-size: 40px">15</span>起</li>
                    <li>
                        <p><img src="img/AU.png" alt=""/> 品牌方直供</p>
                        <p><a href="" style="color: #FF3674">进入专区 > </a></p>
                    </li>
                </ul>
            </div>
            <div>
                <div class="BigHengImg" style="width: 580px;height: 280px;float: right"><img src="img/582422c041b33.jpg" alt="" style="float: right"/></div>
                <ul>
                    <li><img src="img/5695ea9c2d591.jpg" alt=""/></li>
                    <li>专业 · 天然 · 独特</li>
                    <li>代理价：￥<span style="font-size: 40px">47</span>起</li>
                    <li>
                        <p><img src="img/KR.png" alt=""/> 品牌方直供</p>
                        <p><a href="" style="color: #FF3674">进入专区 > </a></p>
                    </li>
                </ul>
            </div>
            <div>
                <div class="BigHengImg" style="width: 580px;height: 280px;float: right"><img src="img/5695ef17558c6.jpg" alt="" style="float: right"/></div>
                <ul>
                    <li><img src="img/5695ea6c9ec04_thumb.jpg" alt=""/></li>
                    <li>韩国热门明星产品</li>
                    <li>代理价：￥<span style="font-size: 40px">10</span>起</li>
                    <li>
                        <p><img src="img/KR.png" alt=""/> 品牌方直供</p>
                        <p><a href="" style="color: #FF3674">进入专区 > </a></p>
                    </li>
                </ul>
            </div>
            <div>
                <div class="BigHengImg" style="width: 580px;height: 280px;float: right"><img src="img/56e7cabe082b3.jpg" alt="" style="float: right"/><</div>
                <ul>
                    <li><img src="img/56e7b94ecf5c8_thumb.jpg" alt=""/></li>
                    <li>日本本土用户热衷</li>
                    <li>代理价：￥<span style="font-size: 40px">66</span>起</li>
                    <li>
                        <p><img src="img/JP.png" alt=""/> 品牌方直供</p>
                        <p><a href="" style="color: #FF3674">进入专区 > </a></p>
                    </li>
                </ul>
            </div>
            <div>
                <div class="BigHengImg" style="width: 580px;height: 280px;float: right"><img src="img/5824227fb7146.jpg" alt="" style="float: right"/></div>
                <ul>
                    <li><img src="img/58072c3ced14a_thumb.jpg" alt=""/></li>
                    <li>始于1986年的日本经典药妆</li>
                    <li>代理价：￥<span style="font-size: 40px">48</span>起</li>
                    <li>
                        <p><img src="img/JP.png" alt=""/> 品牌方直供</p>
                        <p><a href="" style="color: #FF3674">进入专区 > </a></p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 右边侧导航（LOGO） -->
        <div>
            <div style="width: 279px;height: 80px;background-color: #FED8E3">
                <h3 style="color: #FF3674;margin: 25px 0 15px 95px">品牌专区</h3>
            </div>
            <ul>
                <li><img src="img/5684eed955f16.jpg" alt=""/><img src="img/5684ef17bca7b.jpg" alt=""/></li>
                <li><img src="img/56d8fcbea7bf2.jpg" alt=""/><img src="img/5684ef24376b6.jpg" alt=""/></li>
                <li><img src="img/5695ea9c2d591.jpg" alt="" style="width: 139.5px"/><img src="img/5695ea6c9ec04_thumb.jpg" alt="" style="width: 139px"/></li>
                <li><img src="img/5684ee822168b.jpg" alt=""/><img src="img/5684ef60d0b32.jpg" alt=""/></li>
                <li><img src="img/5684ee93e86f7.jpg" alt=""/><img src="img/5684ef31c00ed.jpg" alt=""/></li>
                <li><img src="img/5684eec9d3ce3.jpg" alt=""/><img src="img/more.jpg" alt=""/></li>
            </ul>
        </div>
        <!-- 右边侧导航（LOGO）II -->
        <div>
            <div style="width: 279px;height: 80px;background-color: #FED8E3">
                <h3 style="color: #FF3674;margin: 25px 0 15px 95px">精选专题</h3>
            </div>
            <ul>
                <li><img src="img/566939ceae677.jpg" alt=""/></li>
                <li><img src="img/58241dde466c8.jpg" alt=""/></li>
                <li><img src="img/5667e13209ce3.jpg" alt=""/></li>
                <li><img src="img/58241e20b4666.jpg" alt=""/></li>
            </ul>
        </div>
    </div>

</body>
</html>